<template>
  <div>a:{{ a }}
  <button @click="addA">累加</button>
</div>
</template>

<script lang="ts" >
 import { defineComponent } from 'vue'
  export default  defineComponent({
    name:'App',
  })
</script>
<script setup lang="ts">
// <!-- 
//   setup语法糖
//     - 可以在组件中再次书写一个script标签,拥有setup属性
//     - 这个script标签内部的环境其实就是setup配置内部的环境
//     - 可以省略return,它会把当前script中所有的声明全部返回出去供模板使用

//  -->
   let a=1
          const addA=()=>{
            a++
          }
          


</script>


<style lang="less" scoped>
  
</style>